<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    {{info}}
</div>
<!--从cdn服务器引入框架文件-->
<!--<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>-->
<!--从本地引入-->
<script src="../js/vue.min.js"></script>

<script>
    let v = new Vue({
        el:"body>div",  //element元素，值是选择器，用来设置vue框架管理的元素范围
        data:{  //在data里面定义和页面元素进行绑定的变量，当变量的值发生改变，页面会自动改变
            info:"Hello Vue!"
        }
    })
    setTimeout(function (){
        v.info="值改变了！";
    },3000);
</script>
</body>
</html>